// import 'dart:io';

import 'package:flutter/material.dart';
import './add_clothes_page.dart';
import '../../models/wardrobe.dart';
import './add_wardrode_page.dart';
import 'package:image_picker/image_picker.dart';

/// 应用主界面
class AppHomePage extends StatefulWidget {
  @override
  _AppHomePageState createState() => _AppHomePageState();
}

class _AppHomePageState extends State<AppHomePage> {
  // 用存储柜子
  List<Wardrobe> wardrobes = [];

  // 添加柜子的方法
  void _addWardrobe(String name, String position, XFile image) {
    // 添加柜子的逻辑
    setState(() {
      wardrobes.add(Wardrobe(
          wardrode_name: name,
          wardrode_image: image,
          wardrode_position: position));
    });
  }

  // 在 HomePage 类中定义此方法
  void _showModalBottomSheet(context) {
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return SizedBox(
          height: 200, // 弹窗的高度，可以根据需要调整
          child: Column(
            children: <Widget>[
              // 在这里添加你的选择项，例如使用Radio, Checkbox, 或者列表项等
              ListTile(
                leading: const Icon(Icons.album_sharp),
                title: const Text('添加柜子'),
                onTap: () {
                  // 处理添加书签的逻辑
                  Navigator.pop(context);
                  Navigator.pop(context); // 关闭弹窗
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => add_wardrobe_page()),
                  ).then((result) {
                    // 页面返回后可以在这里做些事情，比如刷新书签列表
                    if (result is Wardrobe)
                      _addWardrobe(result.wardrode_name,
                          result.wardrode_position, result.wardrode_image);
                          print("name ${result.wardrode_name}");
                          print("position ${result.wardrode_position}");
                  }); // 关闭弹窗
                },
              ),
              ListTile(
                leading: const Icon(Icons.event_available),
                title: const Text('添加衣物'),
                onTap: () {
                  // 处理新建事件的逻辑
                  Navigator.pop(context); // 关闭弹窗
                  Navigator.push(
                    context,
                    MaterialPageRoute(builder: (_) => add_clothes_page()),
                  ).then((result) {
                    // 页面返回后可以在这里做些事情，比如刷新书签列表
                    if (result is Wardrobe)
                      _addWardrobe(result.wardrode_name,
                          result.wardrode_position, result.wardrode_image);
                  });
                },
              ),
              // 更多选项...
            ],
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    /// 界面框架
    return Scaffold(
      appBar: AppBar(
        title: const Text("首页"),
        automaticallyImplyLeading: false,
        centerTitle: true,
      ),
      body: Column(
        children: <Widget>[
          // 添加一个列表来展示存储柜子
          Expanded(
            child: ListView.builder(
              itemCount: wardrobes.length,
              itemBuilder: (context, index) {
                return ListTile(
                  leading: Image.asset(wardrobes[index].wardrode_image.path),
                  title: Text(wardrobes[index].wardrode_name),
                  subtitle: Text(wardrobes[index].wardrode_position),
                );
              },
            ),
          ),
        ],
      ),

      // 添加悬浮按钮
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          _showModalBottomSheet(context);
        },
        child: const Icon(Icons.add), // 使用加号图标
      ),
    );
  }
}
